import React, { Component } from 'react';
import ShowValue from './components/ShowValue'
import ShowValueFun from './components/ShowValueFun'
import MessageThread from './components/MessageThread'

import styles from './index.less'
class WrapPage extends Component {
    constructor(props) {
        super(props)
        this.state = {
            value: 'xiaoyu'
        }
    }
    handleChange = (value) => {
        this.setState({
            value: value.target.value
        })
    }
    render() {
        return (
            <div>
                <select className={styles.selectStyle} name="" id="" onChange={this.handleChange}>
                    <option value="xiaoyu">小余</option>
                    <option value="xiaoyou">小尤</option>
                    <option value="xiaoliu">小刘</option>
                </select>
                <ShowValue value={this.state.value} />

                <ShowValueFun value={this.state.value} />

                <MessageThread />

            </div>
        );
    }
}

export default WrapPage;